<div class="main-content">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <ol class="breadcrumb">
                    <li>
                        <i class="clip-file"></i>
                        <a href="#">
                           Caja
                        </a>
                    </li>
                    <li class="active">
                        Gastos Diarios
                    </li>					
                </ol>
                <div class="page-header">
                    <h1>Caja <small> Nuevo Gasto Diario</small></h1>
                </div>
            </div>
        </div>
      
      <div class="row">
            <div class="col-md-12">
                <!-- start: DYNAMIC TABLE PANEL -->
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <i class="icon-external-link-sign"></i>
                        Gastos Diarios
                        <div class="panel-tools">
                            <a class="btn btn-xs btn-link panel-collapse collapses" href="#">
                            </a>
                            <a class="btn btn-xs btn-link panel-config" href="#panel-config" data-toggle="modal">
                                <i class="icon-wrench"></i>
                            </a>
                            <a class="btn btn-xs btn-link panel-refresh" href="#">
                                <i class="icon-refresh"></i>
                            </a>
                            <a class="btn btn-xs btn-link panel-expand" href="#">
                                <i class="icon-resize-full"></i>
                            </a>
                            <!--<a class="btn btn-xs btn-link panel-close" href="#">
                                <i class="icon-remove"></i>
                            </a> -->
                        </div>
                    </div>
                    <div class="panel-body">
                       
                        <form action="<?php echo base_url("caja/proceso/registrarGasto") ?>" role="form"  method="post" class="form-horizontal" >                            
                            <div class="row">
                                <div class="col-md-12"> 
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label class="col-sm-2 control-label" for="txtMonto">
                                                    Monto
                                                </label>
                                                <div class="col-sm-3 input-group">
                                                    <span class="input-group-addon">
                                                        <i class="icon-dollar"></i>
                                                    </span>
                                                    <input type="text" id="txtMonto" name="txtMonto" style="font-size: 20px;"  class="form-control text-right" value="0.00">
                                                </div>
                                            </div>
                                        </div>
                                                                    
                                    </div>
                                   
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label class="col-sm-2 control-label" for="txtMotivo">
                                                    Motivo
                                                </label>
                                                <div class="col-sm-9">      
                                                    <textarea placeholder="Ingrese el Mótivo del Gasto" id="txtMotivo" name="txtMotivo" class="col-sm-12"></textarea>
                                                </div>
                                             </div>
                                        </div>
                                       
                                    </div>
                                </div>
                              
                            </div>
                            <hr>                          
                            <div class="row" >
                                <div class="col-md-8"></div>
                                <div class="col-md-4">
                                <div class="col-md-6">
                                    <button class="btn btn-success btn-block" type="submit" id="guardarProd">
                                        <i class="icon-save"></i>
                                        Guardar                                        
                                    </button>
                                </div>
                                    
                                
                                    <div class="col-md-6">
                                    <button class="btn btn-danger btn-block" type="reset" id="guardarProd">
                                        <i class="icon-remove-circle"></i>
                                        Cancelar                                      
                                    </button>
                                </div>
                                    
                               
                            </div>
                        </form>  
                        
                    </div>
                </div>
                <!-- end: DYNAMIC TABLE PANEL -->
            </div>
        
        </div>   
        
    </div>
</div>
